.hero-info-container
  background: #00000046
  display: grid
  height: 100dvh
  width: 100%
  grid-template-rows: max-content 1fr
  &-back
    display: grid
    padding: 25px
    justify-content: flex-start
    align-items: center
    grid-template-columns: max-content 1fr
    .name
      font-size: 2em
      font-weight: bold
      color: #ffe81f
  &-body
    display: flex
    flex-direction: column
    padding: 25px 150px
    overflow: hidden
    .field
      display: grid
      grid-template-columns: max-content max-content
      grid-gap: 10px
      align-items: baseline
      .title
        font-size: 1.2em
        color: #ffe81f
